// color vars
//// basic
$color-primary: #f98700;
$color-regular-blue: #f98700;
$color-background: #f5f6f9;
$color-white: #fff;

//// gray
$color-dark-grey: #333;
$color-grey: #666;
$color-light-grey: #999;
$color-light-grey-s: #ccc;
$color-light-grey-ss: #eee;
$color-light-grey-sss: #fcfcfc;
$color-active-grey: #e8e8e8;

$color-dark-grey-opacity: rgba(74, 76, 91, 0.8);
$color-grey-opacity: rgba(0, 0, 0, 0.08);
$color-light-grey-opacity: rgba(0, 0, 0, 0.04);

//// orange
$color-dark-orange: #e8864c;
$color-light-orange: #fdc2a5;
$color-orange-opacity: rgba(252, 145, 83, 0.08);
$color-light-orange-opacity: rgba(252, 145, 83, 0.04);

//// blue
$color-blue: #444654;

//// row line
$color-row-line: #ebebeb;
//// column line
$color-col-line: #f5f5f5;

/// mask
$color-mask-bg: rgba(37, 38, 45, 0.4);

$color-font: #2c3e50;
